  

  
  #conteyner{
      width: 1200px;
      height: 100%; 
      
      margin-left: auto;
      margin-right: auto;
     
      
     } 
 	  

	  #header{
			width: 100%;
			height: 200px;
		    float: left;
		    display: block;
		 
	   }
	        #banner{	        
	         width: 100%;  
	         height: 151px;
	         background-color: white;
	         float: left;
		     display: block;
		    
	        }
	        
		        .banner_left{
		         		          
		          width: 20%;
		          float: left;
			      display: block;	        
		         }
		        
		        
		         .banner_center{
		               
		          width: 60%;
		           float: left;	         
			       display: block; 
			       
			       	        
		          }
		        
		        
		         .banner_right{
		                
		          width: 20%;
		          float: left;
			      display: block;	        
		          }
	        
	        .menu{
	          background-color: white; 
	          width: 100%; 
	          height: 49px;
	          float: left;
		      display: block;
		      
	        
	         }
	         
	         .menu a{
	         
	         text-decoration: none;
	         
	         }


		#body{
			height: 1200px;								
			width: 100%;			
			float: left; 
			display: block;
			
		    
		 }
		 
			 .body_left{
			    
			    background-color: white;
			    width:20%;
			    height:100%;
			    float: left; 
			    display: block;
			 }
			 
			  .body_left_top{
			     background-color:white; 
			     width:100%;
			     height: 20%;
			     float: left; 
			     display: block;			     
			   }
			     .body_left_top p{
				      text-align: center;
				      font-weight: bold;
	                  color: #717171;
			     }
			 
			 
			  .body_left_center{
			     background-color:white;
			     width:100%;
			     height: 50%;
			     float: left; 
			     display: block;
			   /*    border:1px solid;  */
			     -moz-box-shadow:    inset 0 0 20px #000000;
                 -webkit-box-shadow: inset 0 0 20px #000000;
                  box-shadow:         inset 0 0 20px #000000;
			      
			    
			    overflow: auto;
				 	    
			     
			  }
			  
			  .body_left_center .sepet_row{
			     
			     width:100%;
			     text-align: left;
			      
			  }
			  
			  .body_left_center p{
			      font-weight: bold;
	              color: #717171;
	              text-align: center;
	              
	               position: relative;
                   top: 50%;
	             
			  }
			  
			
			  
			  .sepetecikar_button{
	
					width:110px;
					height:30px;
					border:1px solid black outset #243C80;
					border-radius:5px;
					box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
					text-shadow: 0px 1px 0px rgba(255,255,255, 1);	
					background: #e9e9e9;
				    font-weight: bold;
				    color: #717171;
	
			 }
			 
			 .sepetOnay{
			    
			    	width:110px;
					height:30px;
					border:1px solid black outset #243C80;
					border-radius:5px;
					box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
					text-shadow: 0px 1px 0px rgba(255,255,255, 1);	
					background: #e9e9e9;
				    font-weight: bold;
				    color: #717171;
				    
				    margin-left: auto;margin-right: auto;display: block;
			        margin-top: 40px;
			 
			 }

			 .sepet_urun_text{				
				   text-shadow: 0px 1px 0px rgba(255,255,255, 1);	
				   font-weight: bold;
			       color: #717171;
			         text-align: left;
			 }
			  
			  
			 
			 .body_left_bottom{
			     width:100%;
			     height: 30%;
			     float: left; 
			     display: block;
			     
			 }
			    
			 
			 .body_center{
			    
			    background-color: white; 
			    width:60%;
			    height: 100%;
			    float: left; 
			    display: block;
			    
			 }
			          #body_center_top {
				         width: 100%;
				         height: 400px;
				      
				         float: left;
				        display: block;           
	                  }
	       
				      .body_center_center {				         
				          width: 100%;
				          height: 250px;
				     
				         clear: both;
				       }
				       
				       .body_center_bottom {				         
				          width: 100%;			
				          height: 10px;
				          
				          float: left; 
				          display: block;
				       
				       }
				      
				      
				    		 
			  
			 .body_right{
			    
			    background-color: white; 
			    width:20%;
			    height: 100%;
			    float: left;
			    display: block; 
			 }	
			 
			    .body_right_top{
			      
			     height:20%;  
			    }
			       .body_right_top_top{		          
			          height: 20%;
			           background-color: white;
			       }
			        .body_right_top_middle{
			           height: 50%;
			           background-color: white;
			           
			           border-radius:20px;
			        
			           -moz-box-shadow:    inset 0 0 10px #000000;
                       -webkit-box-shadow: inset 0 0 10px #000000;
                        box-shadow:         inset 0 0 10px #000000;
			           
			           
			           
			       } .body_right_top_bottom{
			          height: 30%;
			           background-color: white;
			       }
			       
			       
			   
			   
			    .body_right_middle{
			      background-color: orange;
			      height:60%;
		
			    }
			    
			    .body_right_bottom{
			      background-color: purple;
			      height:20%;
			    }
			 
			 	 

		#footer{	
			width:100%;
			height: 30px;
			background-color:white;		
			font-weight: bold;
            color: #717171;
		    float: left; 
		    display: block; 
		
		  -moz-box-shadow:    inset 0 0 20px #000000;
         -webkit-box-shadow: inset 0 0 20px #000000;
          box-shadow:         inset 0 0 20px #000000;
		   
		}
		 
		 
		.childFooter p{
		   text-align:center; 		   
		}
		
		
		

	
#body ul{
	  width:800px;
	  display: block;
	 /*  margin-top: 700px; */
	  margin-right: 30px;  
	 }
	
#body ul li{
		float: left;
		list-style: none;
	    margin-top: 30px;
	    margin-left: 30px;
	    margin-right:30px; 
	    margin-bottom: 10px;
	    
	}
	
#body ul li a{
		display: block;
		margin: 0;
		padding: 5px 5px 29px;		
	}
	
#body ul li a img{
	
	display: block;
	float: right;
	}
	
	


     
	       
	       
   .menu ul {
  text-align: center;
  display: inline;
  margin: 0;
 /*  padding: 15px 4px 17px 0; */
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); 
  display: block;
}
  .menu ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  /* margin-right: -4px; */
  margin-right: 50px;
  position: relative;
  padding: 15px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-weight: bold;
  color: #717171;	
}
.menu ul li:hover {
  background: #555;
  color: #fff;
}
   .menu ul li ul {
     z-index: +1;
  padding: 0;
  position: absolute;
  top: 48px;
  left: 0;
  width: 200px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}
.menu ul li ul li { 
  background: #555; 
  display: block; 
  color: #fff;
  text-shadow: 0 -1px 0 #000;
}
.menu ul li ul li:hover { background: #666; }
.menu ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
} 

html{
   -moz-box-shadow:    inset 0 0 20px #000000;
   -webkit-box-shadow: inset 0 0 20px #000000;
   box-shadow:         inset 0 0 20px #000000;
	
	}


body{

	line-height: 1;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	

	
	}

/*detail jsp*/
	
.body_center_detail a img{
  
	  display: block;
	  clear:both;
	  margin-left: auto;
      margin-right: auto;
      margin-top: 20%;
  }
  
 
 .body_center_detail_go_back {
     
    display: block;
    text-align: center;
    margin-top: 20%;
 
 }
 
 
 .body_center_detail_message {
    
    display: block;
    text-align: center;
      margin-top: 5%;
 
 }
 
  
  
 .body_center_contact_message {
    
    display: block;
    text-align: center;
      margin-top: 50%;
 
 }
 
 
  .body_center_contact_go_back {
     
    display: block;
    text-align: center;
    margin-top: 20%;
 
 }
 
 .body_center_about_message {
    
    display: block;
    text-align: center;
     margin-top: 70%;
     color:red;
 
 }
  

  
 #userId,#passwordId{
  
     width:150px;
     height:30px;
     display:block;

     margin-left:auto;
     margin-right:auto;
     

     background-color:white;
     border:2px solid #456879 outset #243C80;;
     border-radius:10px;      
     outline: none;
     padding-left:6px; 
     padding-right:6px;  
       
  }  
  
  
 

#loginId{	
	  display:block;
	  margin-left:auto;
      margin-right:auto;
	  width:150px;
	  height:30px;
	  border:1px solid black outset #243C80;
      border-radius:10px;
	  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	  text-shadow: 0px 1px 0px rgba(255,255,255, 1);	
	  background: #e9e9e9;
      font-weight: bold;
      color: #717171;
      cursor: pointer;
	 
	}
	
.logoutUsername{
	font-weight: bold;color: #717171;
	}	
.logoutButton{
	
	display:block;margin-left:auto;
	margin-right:auto;width:150px; height:30px;
	border:1px solid black outset #243C80;font-weight: bold;color: #717171;
    border-radius:10px;
	}	
	
.alisveris_button{
	width:75px;
	height:30px;
	border:1px solid black outset #243C80;
	border-radius:5px;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);	
	background: #e9e9e9;
    font-weight: bold;
    color: #717171;
    cursor: pointer;
}



.page{
	
	display: inline-block;
    padding: 0px 9px;
    margin-right: 4px;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
    text-align: center;
	
	}  
	
	
	/*
	 onay
	*/
  
  
	  .text_label{	  
       font-weight: bold;
       color: #717171;	
       outline: none; 
	  } 
	  .text_label_title{	  
       font-weight: bold;
       color: #717171;
       font-size: 20px;
   
       text-align: center;	 
	 }	  
     .body_center_center table{     
         margin: auto;
      }
      
      
      .onay_input{
      
	     width:200px;
	     height:30px;
	    
	     background-color:white;
	     border:2px solid #456879 outset #243C80;;
	     border-radius:10px;      
	     outline: none;
	     padding-left:6px; 
	     padding-right:6px;
	      
      
      }
      
      
      
      .onay_button{
      
    
		height:30px;
		border:1px solid black outset #243C80;
		border-radius:5px;
		box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
		text-shadow: 0px 1px 0px rgba(255,255,255, 1);	
		background: #e9e9e9;
	    font-weight: bold;
	    color: #717171;
	    cursor: pointer;
      
      
      }
      
      .onay_combobox{
      
        font-weight: bold;
        color: #717171;	
        outline: none; 
      }
      
      
      
      
      
      
      
      
      
      
      
      
      
      
				       
	
	
	
	